<template>
  <div>
    <a-card style="width: 600px">
      <div>
        <p>单张图片上传：</p>
        <once-img></once-img>
      </div>
      <div>
        <p>多张图片上传：</p>
        <some-img></some-img>
      </div>
    </a-card>
    <a-tree-select
      v-model="value"
      show-search
      style="width: 100%"
      :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
      placeholder="Please select"
      allow-clear
      tree-default-expand-all
    >
      <a-tree-select-node key="0-1" value="parent 1" title="parent 1">
        <a-tree-select-node key="random" value="leaf1" title="my leaf" />
        <a-tree-select-node key="random1" value="leaf2" title="your leaf" />
        <a-tree-select-node key="random2" value="parent 1-1" title="parent 1-1">
          <a-tree-select-node key="random3" value="sss" title="sss"/>
        </a-tree-select-node>
      </a-tree-select-node>
    </a-tree-select>
  </div>
</template>
<script>
import onceImg from "./UploadImg/index";
import someImg from "./UploadImg/indexs";
export default {
  components: {
    onceImg,
    someImg
  },
  data() {
    return {
      treeExpandedKeys: [],
      value: undefined
    };
  }
};
</script>
<style lang="scss" scoped>
</style>
